@import './base.scss';

.information-main {
  .nav {
    //导航
    .van-tabs {
      .van-tabs__line {
        left: 4.6% !important;
      }
      .van-tab {
        color: #909099 !important;
      }

      .van-tab--active {
        color: #333 !important;
        font-size: 15 !important;
      }
    }

    .activitie-list {
      position: absolute;    /*必须*/
      top:5px;              /*top必须，大小可控制*/
      bottom:0;
      width: 100%;
      height: 100%;
      box-sizing: border-box;

      .vue-waterfall-easy-container {
        position: fixed !important;
        .vue-waterfall-easy {
          a.img-inner-box {
            box-shadow: 0 1px 8px 0 rgba(0,0,0,.08);

            .img-wraper {
              width: 100% !important;
              height: auto !important;

              img {
                border-top-left-radius: 2px !important;
                border-top-right-radius: 2px !important;
              }
            }

            .img-info {
              height: 50px;

              .title {
                padding: 4px 8px 2px;
                margin-bottom: 8px;
                box-sizing: border-box;
              }
            }

          }
        }
      }
    }

    // 栏目
    .column {
      padding: 22px 15px;
      box-sizing: border-box;

      li {
        width:49%;
        margin-bottom: 10px;

        .column-box {
           img {
             width: 100%;
             border-radius: 2px;
           }

          .bg-blur {
            background-size: 100%;
            bottom: 0;
            left:0;
            width: 100%;
            height: 60px;
            filter: blur(8px);
            border-radius: 2px;
          }

          .column-name {
            bottom: 0;
            left:0;
            width: 100%;
            height: 60px;
            padding: 8px 10px;
            box-sizing: border-box;

            p {
              position: absolute;
              top: 9px;
              z-index: 20;
            }

            p:nth-child(2) {
              top: 32px;
              color: rgba(255, 255, 255, .6);
            }
          }

          .column-name:after{
            content: "";
            width:100%;
            height:100%;
            position: absolute;
            left:0;
            top:0;
            background: inherit;
            filter: blur(2px);
            border-radius: 2px;
            //z-index: 2;
          }
        }
      }
    }
  }
}
